<!--
 * @Author: your name
 * @Date: 2020-12-04 11:42:03
 * @LastEditTime: 2020-12-18 12:09:47
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \H5 2010 studyd:\phpStudy\WWW\steam\html\login\login.html
-->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>登录</title>
    <link rel="shortcut icon" href="/favicon.ico">
    <link rel="stylesheet" href="/css/reset.css">
    <link rel="stylesheet" href="/lib/bootstrap-3.3.7-dist/css/bootstrap.css">
    <link rel="stylesheet" href="/css/header.css">
    <link rel="stylesheet" href="/css/footer.css">
    <link rel="stylesheet" href="/css/login/login.css">
</head>

<body>
    <!-- 导航栏 -->
    <header></header>

    <!-- 内容 -->
    <section>
        <div class="content">
            <!-- 登录 -->
            <div class="left-content">
                <div class="loginBox">
                        <h2>登录</h2>
                        <div class="error">
                            您输入的账户名称或密码错误。
                        </div>
                        <form action="">
                            <div class="loginInput">
                                <p>Steam 账户名称</p>
                                <input type="text" id="username">
                            </div>
                            <div class="loginInput">
                                <p>密码</p>
                                <input type="password" id="password">
                            </div>
                            <div class="loginInput">
                                <input type="checkbox">
                                <p>在这台电脑上记住我</p>
                            </div>
                            <div class="loginInput">
                                <span class="blue-loginBtn" id="loginBtn">登录</span>
                            </div>
                            <div class="loginInput">
                                <a href="#">忘记您的密码？</a>
                            </div>
                        </form>
                </div>
            </div>
            <div class="right-content">
                <p>加入 Steam，探索数千款精彩游戏。</p>
                <a href="#">了解更多</a>
                <img src="/images/login/join_pc.png" alt="">
                <p>免费加入且简单易用。</p>
                <span id="registerBtn">
                    加入 Steam
                </span>
            </div>
        </div>
    </section>

    <!-- 底部栏 -->
    <footer></footer>

    <!-- 提示栏 -->
    <div class="notice" id="login-success">
        <div class="notice-inner">
            <p>登录成功，点击确认跳转</p>
            <span id="loginjumpBtn">确认</span>
        </div>
    </div>
    <div class="notice" id="login-undefined">
        <div class="notice-inner">
            <p>用户名不存在，请先去注册</p>
            <span id="undefinedjumpBtn">确认</span>
        </div>
    </div>
</body>

<script src="/lib/requirejs/require.js" data-main='/js/login/login'></script>


</html>

